<template>
  <div>
    <wv-panel >
      <wv-media-box :thumb="appointment.coverImg | imgPathFilter" :title="appointment.goodsName" :description="'×1'" ></wv-media-box>
    </wv-panel>
    <div class="divider"></div>
    <slot></slot>
    <div class="divider"></div>
    <ul class="msg">
      <li>订单编号：{{order.orderNo}}</li>
      <li>订单时间：{{order.createDate}}</li>
      <li>支付时间：{{order.payDate}}</li>
      <li v-if="order.payType=='PAY_WX'">支付方式：微信</li>
      <li v-if="order.payType=='PAY_ALI'">支付方式：支付宝</li>
      <li v-if="order.payType=='PAY_UNDERLINE'">支付方式：线下</li>
      <li>支付金额：{{order.totalPrice}}元</li>
    </ul>
  </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: '',
        props: {
          order:{},
          appointment:{}
        },
        data() {
            return {
              thumb:require('../../assets/guibin.png'),
            };
        },
        methods: {},
        created() {

        },
        components: {}
    }
</script>


<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .divider{
    background-color: #eee;
    height: 10px;
  }
  .msg{
    padding: 10px;
    font-size: 13px;
    color: #666;
    line-height: 25px;
    text-align: left;
  }
</style>
